<template>
    <div class="about">
        <h1>环信获取好友列表</h1>
        <h2>注册新用户：</h2>
        <div class="from_box">
            <form action="">
                <input type="text"  placeholder="请输入用户名" v-model="formMess.username">
                <input type="text" placeholder="请输入密码" v-model="formMess.password">
                <input type="text" placeholder="请输入昵称" v-model="formMess.nickname">
                <div v-html="regAction"></div>
            </form>
            <span class="but" @click="onSubmit()">注册</span>
        </div>
    </div>
</template>
<script>
    import {
        regUser,//注册单个用户接口【带token授权】
    } from '../api/im/imapi';
    export default {
        data() {
            return {
                regAction: "",
                formMess:{
                    username: "",
                    password: "",
                    nickname: ""
                },
            }
        },
        created() {
        },
        mounted() {

        },
        methods: {
            /*
      注册单个用户	/{org_name}/{app_name}/user	注册一个 IM 用户，有开放注册和授权注册两种模式【单个用户：user】
      批量注册用户	/{org_name}/{app_name}/user	注册多个 IM 用户，仅支持授权注册【单个用户：user】
      获取单个用户	/{org_name}/{app_name}/users/{username}	获取单个 IM 用户
      批量获取用户	/{org_name}/{app_name}/users	获取应用下的多个 IM 用户
      删除单个用户	/{org_name}/{app_name}/users/{username}	删除单个 IM 用户
      批量删除用户	/{org_name}/{app_name}/users	批量删除多个 IM 用户
      修改用户密码	/{org_name}/{app_name}/users/{username}/password	修改 IM 用户的密码
      设置推送消息显示昵称	/{org_name}/{app_name}/users/{username}	设置 IM 用户推送消息显示的昵称
      设置推送消息展示方式	/{org_name}/{app_name}/users/{username}	设置 IM 用户推送消息展示为仅通知还是详情可见
      设置免打扰	/{org_name}/{app_name}/users/{username}	设置 IM 用户是否开启免打扰模式，以及开启/关闭免打扰的时间
            */
            onSubmit() {
                return regUser(this.formMess).then((res) => {
                    if(res.status == 200){//正常返回
                        this.regAction = "注册成功"
                    }else{
                        if(res.status == 401) {
                            console.log('Token过期了')
                        }else if(res.status == 400){
                            this.regAction = '用户已存在、用户名或密码为空、用户名不合法'
                        }else if(res.status == 429 || res.status == 503){
                            this.regAction = '接口被限流了'
                        }else{
                            console.log('其它问题找客服')
                            console.log('错误代码：' + res.status)
                            console.log('错误类型：' + res.data.error)
                            console.log('错误描述：' + res.data.error_description)
                        }
                    }
                }).catch(err => {
                    console.log(err)
                })
            },
        }

    }
</script>